import { AssetsProvider } from '@zrokroot/src/components/assets-context';
import DownloadCard from '@zrokroot/src/components/download-card';
import DownloadCardStyles from '@zrokroot/src/css/download-card.module.css';
import useBaseUrl from '@docusaurus/useBaseUrl';

<AssetsProvider>
  <div className={DownloadCardStyles.downloadContainer}>
    <DownloadCard
      osName="Windows"
      osLogo={useBaseUrl('/img/logo-windows.svg')}
      infoText="Download EXE"
      guideLink={useBaseUrl('/guides/install/windows')}
    />
    <DownloadCard
      osName="macOS"
      osLogo={useBaseUrl('/img/logo-apple.svg')}
      infoText="Homebrew or Download"
      guideLink={useBaseUrl('/guides/install/macos')}
    />
    <DownloadCard
      osName="Linux"
      osLogo={useBaseUrl('/img/logo-linux.svg')}
      infoText="RPM/DEB/AUR or Homebrew"
      guideLink={useBaseUrl('/guides/install/linux')}
    />
  </div>
</AssetsProvider>
